// sidebar dropdown start
// sidebar dropdown 
document.addEventListener('DOMContentLoaded', function() {
            // Mobile menu functionality
            const menuToggle = document.querySelector('.menu-toggle');
            const sidebarMenu = document.querySelector('.sidebar-menu');
            const overlay = document.querySelector('.overlay');
            const closeMenuBtn = document.querySelector('.close-menu-btn');
            const body = document.body;
            
            // Toggle sidebar menu
            menuToggle?.addEventListener('click', function(e) {
                e.preventDefault();
                sidebarMenu.classList.add('open');
                overlay.classList.add('show');
                body.classList.add('menu-open');
            });
            
            // Close menu
            function closeMenu() {
                sidebarMenu.classList.remove('open');
                overlay.classList.remove('show');
                body.classList.remove('menu-open');
            }
            
            closeMenuBtn?.addEventListener('click', closeMenu);
            overlay?.addEventListener('click', closeMenu);
        });

        // hero sldier
         document.addEventListener('DOMContentLoaded', function() {
            // Slider functionality
            const slides = document.querySelectorAll('.hero-slide');
            const dots = document.querySelectorAll('.slider-dot');
            let currentSlide = 0;
            const slideInterval = 5000; // 5 seconds
            
            // Function to show a specific slide
            function showSlide(index) {
                slides.forEach(slide => slide.classList.remove('active'));
                dots.forEach(dot => dot.classList.remove('active'));
                
                slides[index].classList.add('active');
                dots[index].classList.add('active');
                currentSlide = index;
            }
            
            // Dot click event handlers
            dots.forEach(dot => {
                dot.addEventListener('click', function() {
                    const slideIndex = parseInt(this.getAttribute('data-slide'));
                    showSlide(slideIndex);
                });
            });
            
            // Auto-advance slides
            function nextSlide() {
                currentSlide = (currentSlide + 1) % slides.length;
                showSlide(currentSlide);
            }
            
            let slideTimer = setInterval(nextSlide, slideInterval);
            
            // Pause on hover
            const slider = document.querySelector('.hero-slider');
            slider.addEventListener('mouseenter', () => clearInterval(slideTimer));
            slider.addEventListener('mouseleave', () => slideTimer = setInterval(nextSlide, slideInterval));
        });